<template>
  <div id="app">
    <router-view v-if="isRouterAlive"/>
  </div>
</template>

<script>
  export default {
    name: "App",
    provide () {    //父组件中通过provide来提供变量，在子组件中通过inject来注入变量。
            return {
                reload: this.reload
            }
        },
        data() {
            return{
                isRouterAlive: true                    //控制视图是否显示的变量
            }
        },
        methods: {
            reload () {
                this.isRouterAlive = false;            //先关闭，
                this.$nextTick(function () {
                    this.isRouterAlive = true;         //再打开
                })
            }
        }

  };
</script>

<style>
  /*基础样式 start*/
  html,
  body,
  #app {
    width: 100%;
    height: 100%;
    overflow: hidden;
  }

  * {
    margin: 0;
    padding: 0;
  }

  a {
    text-decoration: none;
  }

  .el-tooltip__popper {
    max-width: 60% !important;
    max-height: 400px !important;
    overflow: auto
  }
  /*基础样式 end*/
</style>
